<!-- # CE - camunda-admin-ui/client/scripts/pages/tenantCreate.html -->
<section>
  <div class="section-content">
    <header class="row">
      <div class="col-xs-8">
        <h3> {{ 'TENANTS_CREATE_TENANT' | translate }}</h3>
      </div>
    </header>

    <form class="form-horizontal"
          name="createTenantForm">
      <div class="col-xs-12">
        <div class="form-group">
          <label class="control-label col-sm-4 col-md-2"
                 for="inputTenantId">{{ 'TENANTS_TENANT_ID' | translate }}</label>

          <div class="col-sm-8 col-md-10">
            <input id="inputTenantId"
                   name="tenantId"
                   class="form-control"
                   type="text"
                   ng-model="tenant.id"
                   novalidate required />
            <span class="help-inline"
                ng-show="createTenantForm.tenantId.$error.required">{{ 'TENANTS_ID_REQUIRED' | translate }}</span>
          </div>
        </div>

        <div class="form-group">
          <label class="control-label col-sm-4 col-md-2"
                 for="inputName">{{ 'TENANTS_TENANT_NAME' | translate }}</label>

          <div class="col-sm-8 col-md-10">
            <input id="inputTenantName"
                   name="name"
                   type="text"
                   class="form-control"
                   ng-model="tenant.name"
                   novalidate required />
            <span class="help-inline"
                ng-show="createTenantForm.name.$error.required">{{ 'TENANTS_NAME_REQUIRED' | translate }}</span>
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-8 col-sm-offset-4 col-md-10 col-md-offset-2 text-right">
            <a class="btn btn-link"
               href="#/tenants">
              {{ 'TENANTS_CANCEL' | translate }}
            </a>

            <button type="submit"
                    class="btn btn-primary"
                    ng-disabled="!createTenantForm.$valid"
                    ng-click="createTenant()">
              {{ 'TENANTS_CREATE_TENANT' | translate }}
            </button>
          </div>
        </div>

      </div>
    </form>
  </div>
</section>
<!-- / CE - camunda-admin-ui/client/scripts/pages/tenantCreate.html -->
